/* 一级导航栏部分 -----------------------------------------------------------*/
.navBox {
  /* tab整体样式 */
  height: 100rpx;
  padding: 0px 20%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 18rpx solid rgb(243, 244, 249);
}

.fontColorBox {
  /* 选中tab样式 */
  color: black;
  font-weight: bold;
}

.titleBox {
  /* 未选中tab样式 */
  color: rgb(168, 170, 175);
  font-size: 28rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lineBox {
  /* 线条样式 */
  width: 32rpx;
  height: 8rpx;
  background: black;
  margin-top: 10rpx;
  border-radius: 4rpx;
}

.swiperTtemBox {
  /* 内容样式 */
  padding: 16rpx;
  height: calc(100vh - 150rpx);
}


/*二级导航样式------------------------------------------------------------------*/
.top_nav {
  width: 100%;
  height: 82rpx;
  line-height: 80rpx;
  border-bottom: 1px solid #ddd;
  background-color: #FFF;
  //position: fixed;
  left: 0;
  z-index: 3;
}

.top_nav .scroll_list {
  height: 82rpx;
  white-space: nowrap;
}

.top_nav .scroll_item {
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  vertical-align: top;
}

.top_nav .scroll_item.active {
  color: #E4393C;
}

.top_nav .sub {
  width: 56rpx;
  height: 4rpx;
  background-color: #E4393C;
  position: absolute;
  top: 78rpx;
  transition: left .5s;
}



/* 容器布局 图片部分----------------------------------------------------------- */
.container {
  display: flex;
  justify-content: space-between;
  /* 左右列两端对齐 */
  padding: 0 10rpx;
  margin-top: 70rpx;
  margin-right: 40rpx;
  margin-left: 40rpx;
  flex-direction: row
}

/* 列样式 */
.column {
  /* 宽度由行内样式动态绑定 */
  //width: 60%; /* 调整宽度，留空间 */
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  /* 垂直排列子项 */
}

/* 字体样式 */
.item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.loading, .no-more {
  text-align: center;
  padding: 20rpx;
  font-size: 24rpx;
  color: #999;
}